<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">
<head>
    <meta charset="UTF-8">
    <title>小玉习题库</title>
    <link rel="stylesheet" href="../static/css/body.css">
    <style>
        .all_user {
            position: relative;
            left: 0px;


            width: 60%;
            overflow: hidden;
        }

        .all_user div {
            text-align: center;
            font-family: "Segoe UI Emoji";
            color: black;
            font-weight: bolder;
            float: left;
            width: 33%;
            margin: 2px 0px;
            height: 50px;
            line-height: 50px;

            font-size: 20px;
            font-weight: bolder;
            border-radius: 20%;
        }

        .zhanghao {
            width: 40%;

            position: fixed;
            right: 0px;
            top: 5px;
            height: 500px;
            border-radius: 25px;
            color: #000000;
            text-align: center;


        }

        .input_1 {
            outline: none;
            margin-top: 10px;
            border: 0;
            width: 80%;
            height: 50px;
            border-radius: 15px;
            padding-left: 15px;
            font-size: 18px;
            color: #000000;
        }

        .input_2 {
            margin: 20px 0px;
            border: 0;
            background: #fff;
        }

        h1 {
            color: #000000;
        }

        /*单选*/
        .radio_box {
            display: inline-block;
            position: relative;
            margin: 20px 5px;
        }

        .radio_box label {
            width: 15px;
            height: 15px;
            position: absolute;
            top: 0;
            left: 0;
            border: 2px solid #3A5367;
            border-radius: 50%;
            background: #fff;
            cursor: pointer;
        }

        .radio_box input:checked + label:after {
            content: '';
            width: 9px;
            height: 9px;
            position: absolute;
            top: 3px;
            left: 3px;
            background: #3A5367;
            border-radius: 50%;
        }

        .check_box em {
            margin: 0 0 0 5px;
        }

        .input_3 {
            outline: none;
            width: 120px;
            height: 30px;
            border: 0;
            padding: 5px 7px;
            background: #fff;
            border-radius: 20px;
            margin: 0px 10px;
        }
        a{
            display: block;
            background-color: lightpink;
            line-height: 30px;
            height: 30px;
            width: 80px;
            color: #3A5367;
            text-decoration: none;
        }
        .ab{
            margin-top: 50px;


        }
        .ad input{
            color: #3A5367;
        }
    </style>
</head>
<body>

<div class="all_user">

    <div>用户名</div>
    <div>密码</div>
    <div>是否是管理员</div>

</div>


<div class="all_user" th:each="user:${users}">
    <div th:text="${user.getUsername()}"></div>
    <div th:text="${user.getPwd()}"></div>
    <div th:text="${user.getAdmin()}"></div>
</div>
<div class="zhanghao">
    <form name="form1" action="/sqlUser" method="post">
        <h1>账号操作</h1>
        <h2 style="color: red" th:text="${msg}"></h2>
        <input class=input_1 id=username size=15 name="username" placeholder=用户名><br/>
        <input class=input_1 id=password type=text size=15 name="pwd" placeholder=密码><br/>

        <span class="radio_box">
               <input type="radio" id="radio_1" name="admin" value="false" checked>
               <label for="radio_1"></label>
              普通用户
        	</span>
        <span class="radio_box">
               <input type="radio" id="radio_2" name="admin" value="true">
               <label for="radio_2"></label>
               管理员
       		</span><br/>
        <input class=input_3 name="cr"  type="submit" value="添加账号"/>
        <input class=input_3 name="cr"  type="submit" value="删除账号"/>
        <br>

    </form>
    <form class="ab" action="/" method="get">
        <input class="input_3" type="submit" value="返回首页">
    </form>
</div>


</body>
</html>